<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <!-- text  文本框在里面可以输入任意文字 -->
        用户名:<input type="text" name="1" value="请输入用户名"><br>
        <!-- password 密码框用户看不见里面的密码 -->
        密码:<input type="password" name="2"><br>
        <!-- radio单选按钮，可以实现多选一 -->
        性别： 男 <input type="radio" name="3" value="男"> 女 <input type="radio" name="3" value=" 女"><br>
        <!-- checkbox多选按钮可以实现多选 -->
        爱好：吃饭 <input type="checkbox" name="4" value="吃饭">睡觉 <input type="checkbox" name="4" value="睡觉">打游戏 <input type="checkbox" name="4" value="打游戏">
    </form>
</body>
</html>